/*!
 * @author Isis (igraziatto) Graziatto <isis.g@vanillaforums.com>
 * @copyright 2009-2018 Vanilla Forums Inc.
 * @license GPL-2.0-only
 */

/* -------------------------------------------------------------- *\
    Styles
\* -------------------------------------------------------------- */

body.Section-Entry {
    @include noPanel;

    .SearchBox {
        display: none;
    }

    .Methods {
        b {
            margin: 10px 0 3px;
            display: inline-block;
        }
    }

    .ForgotPassword {
        margin-left: $utility-baseUnit;
    }

    @if ($staticVariables) {
        .ForgotPassword,
        .CreateAccount a {
            color: $link-default_color;

            &:focus,
            &:hover {
                text-decoration: $theme-link-hover_textDecoration;
                color: $link-default-hover_color;
            }
        }
    }

    label.RadioLabel,
    label.CheckBoxLabel {
        font-size: $global-medium_fontSize !important;

        a {
            font-size: inherit;
            color: $link-default_color;

            &:focus,
            &:hover {
                text-decoration: $theme-link-hover_textDecoration;
                color: $link-default-hover_color;
            }
        }
    }

    .Legal br {
        display: none;
    }

    @include maxWidth {
        .g-recaptcha {
            transform: scale(0.8);
        }

        .MainForm,
        .Methods {
            width: 100%;
            display: block;
            padding: 0;
            margin-bottom: $component-item_spacing;
        }

        .Methods {
            a {
                color: $link-default_color;

                &:hover,
                &:focus,
                &:active {
                    color: $link-default-hover_color;
                }
            }
        }

        .MainForm {
            .InputBox {
                max-width: 100%;
            }
        }

        .Methods {
            margin-left: 0;
        }
    }
}

.SignInPopup .input.Password {
    width: 100%;
}

.SignInPopup li.Buttons,
body.Entry li.Buttons {
    @include maxWidth($theme-breakpoint_mobile) {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.MultipleEntryMethods {
    .Methods {
        margin-left: 0;
        padding: 0;
        float: left;

        @include maxWidth {
            b {
                display: inline-block;
                margin: $utility-baseUnitTriple 0 0;
            }
        }
    }
}
